It was everything

Myspace Layouts / Div Overlay

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style type="text/css">embed {position:absolute; margin-top:-500px; margin-left:-800px;}</style> </td></tr></table></td></tr></table></td></tr></table><table><tr><td><table width="405"><tr><td valign="top" align="center" width="405" bgcolor="ffffff" style="word-wrap:break-word"> <style type="text/css"> .Main { position:absolute; left:60%; top:120px; width:400px; z-index:1; margin-left:-390px; padding:0px; border:0px; background-color:ffffff;} </style><style type="text/css"> . { Background Properties } body {  background-color:ffffff;  scrollbar-face-color:ffffff; scrollbar-highlight-color:ffffff;  scrollbar-3dlight-color:ffffff;  scrollbar-shadow-color:ffffff; scrollbar-darkshadow-color:ffffff; scrollbar-arrow-color:404040;  scrollbar-track-color:transparent;} . { Table and Section Properties } table, tr, td {background:white; border:px;}table table table {background-color:ffffff;}td.text table, td.text table td {width:200px; padding:0px;}td.text table table table table,  td.text table table table table td {width:0px;} . { text properties } table, tr, td, li, p, div { font-family:small fonts; color:000000; font-size:7px;   text-transform: uppercase;   } .btext { font-family:small fonts; color:FFFFFF; font-size:7px;    text-transform: uppercase; } .blacktext10 {  color:777777;      }  .blacktext12 {  color:000000;      } .lightbluetext8 {  color:777777;      }  .orangetext15 {  visibility:hidden;     }  .redtext {  color:777777;      }  .redbtext {  color:000000;      }  .text {  color:000000;      }  .whitetext12 {  color:000000;      } a:active, a:visited, a:link { font-family:small fonts; text-transform: uppercase; color:777777; font-size:7px;font-weight:normal;     }  a:hover { font-family:small fonts; color:000000; font-size:7px;  text-transform: uppercase; text-decoration: none;}  a.navbar:active, a.navbar:visited, a.navbar:link {  color:000000;      }  a.navbar:hover {  color:777777;      }  a.redlink:active, a.redlink:visited, a.redlink:link {  color:777777;      }  a.redlink:hover {  color:000000;      }  . { Misc properties } table table td {width:10px;} div table table td, table table table td {width:auto;} table table img {display:none;} table table table img {display:inline;}  td.text td.text table table div, td.text td.text table table a img { width:65px !important;} div table tr td font {visibility:hidden;} div table table tr td font {visibility:visible;} a.text, table div font a, table div div {visibility:hidden;} table table div font a, table table div div {visibility:visible;} img {border:0px;} .blacktext10 {display:block; width:100px;} i {color:000000;font-size:7px !important;font-family:small fonts; text-transform: uppercase; } . { others } table, tr, td {background-color:white;  border:none; padding: 0px; width:200px;} table table table {background-color:white; border:1pt white solid; height:.01%; width:100%;}table table table table {border:none;}td.text td.text table table td {padding:3px;} td td td td {width: 1%; text-align:justify;} .comments {visibility:hidden;display:none;}.contacttable { display:none; } table td.text {visibility:hidden;} td.text td, td.text span, td.text a {visibility:visible;}  .hidethem {display:none; visibility:hidden;}</style><DIV class="Main"> <table style="width:500px; height:400px; cellpadding:0px; cellspacing:0px; border:0px solid transparent; background-color:white;}"> <tr> <td valign="center"><div style="position:absolute; left:-70px; top:50px; width:850px; height:751px;background-image:url(http://cbimg9.com/layouts/07/07/18/19676aa.jpg); overflow:auto;"></div><div style="position:absolute; LEFT:300px; top:150px; width:400px; height:97px; background-color:transparent; overflow:auto;"><p align=center>[<a href=http://home.myspace.com/index.cfm?fuseaction=user>home</a> |<a href=http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOURFRIENDID>message</a> |<a href=http://collect.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=YOURFRIENDID>add me</a> |<a href=http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOURFRIENDID>pictures</a> |<a href="<A href='http://blog.myspace.com/index.cfm?fuseaction=blog&friendID=XXXXXXXX&blogMonth=&BlogDate=&blogYear=&Mytoken=CA561A3C-9D17-4F2A-A8041C6342ED8720258285500">Blog</a> |<a href=http://www.myspace.com/lexxi__layouts>lyt credit</a>]</div>
<div style="position:absolute; left:440px; top:300px; width:120px; height:100px; background-color:transparent; overflow:auto;"><p align=center>Comment Box Goes Here COMMENT HERE COMMENT BOX HERE COMMENT BOX HERE COMMENT BOX HERE COMMENT BOX HERE, GET A SMALL ONE, NOT LARGE!!!! COMMENT BOX HERE COMMENT BOX HERE COMMENT BOX HERE COMMENT BOX HERE OKAY :) MAKE SURE IT DOESNT SCROLL DOWN GET ONE 120X100 </div> <div style="position:absolute; left:340px; top:450px; width:300px; height:50px; background-color:transparent; overflow:auto;"><p align=center>My Intrest Are ....</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

Layout Code

Copy and paste to Heroes

Help

Layout Comments

Showing latest 3 of 3 comments

its absolutly beautiful but i agree about the black border aound the image.

By slashholic15 on Apr 30, 2008 1:07 am

Very Simple DIV overlay ever see!!

By HolyXerxus on Aug 18, 2007 12:07 am

it would look alot better if that black border around the image went all the way around the image instead of on only 2 sides

By guccci on Jul 18, 2007 11:34 pm

Layout Details

Designer	akforever
Submitted on	Jul 18, 2007
Page views	27,548
Favorites	113
Comments	3
Reviewer	karmakiller
Approved on	Jul 18, 2007

It was everything

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates